<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        body{font-size:13px;font-family:arial;text-align:center;}
        #container{margin:0 auto;height:500px;width:2000px;}
        #banner{float:left;height:200px;width:400px;border:5px solid #000000;margin:5px;
            background-color:#a2d9ff;line-height:200px;}
        #content{float:left;width:400px;height:200px;border:5px solid #000000;margin:5px;   background-color:pink;line-height:200px;}
        #links{float:left;width:400px;height:200px;border:5px solid #000000;margin:5px;
            background-color:#9dff9d;line-height:200px;}
        #footer{clear:both;height:200px;width:400px; border:5px solid #000000;margin-left:426px;
            margin-top:225px;position:absolute ;
            background-color:#DDA0DD;line-height:200px;}
    </style>
</head>
<body>
<div id="container">
    <div id="banner">box1</div>
    <div id="content">box2</div>
    <div id="links">box3</div>
    <div id="footer">box4</div>
</div>
</body>
</html>